@import './variables';
@import './mixins';
@import '../public/themes/default/index';

// 亮色下颜色
.fbdocs-wrapper {
  font-size: 13px;
  color: $f-text-02;
  background: #fff;

  .fbdocs-wrapper--header {
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(57, 66, 100, .08);
     .fbdocs-title {
        &::after{            
            background-color: $f-neutral-06;
        }
     }
  }
}

$farris-grid-text: $f-text-03!default;
$farris-grid-border: $f-neutral-07 !default;


$farris-grid-header-bg: $f-neutral-09 !default;
$farris-grid-header-text: $f-text-04 !default;

// 页面——滚动条——背景色--不生效
$farris-scrollbar-bg:#8e8e8e !default;
// 页面——滚动条——凹槽-背景色
$farris-scrollbar-track-bg: #eee !default;
// 页面——滚动条——滑块-背景色
$farris-scrollbar-thumb-bg: rgba(0, 0, 0, 0.2) !default;
// 页面——滚动条——滑块-滑过背景色
$farris-scrollbar-thumb-hover-bg: $f-neutral-05 !default;

.fbdocs-table {
  width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    color: $farris-grid-text;
    margin:12px auto;
    border: 1px solid $farris-grid-border;
  
    thead {
      color: $farris-grid-header-text;
      background: $farris-grid-header-bg;
      th{
          
      border: 1px solid $farris-grid-border;
      padding: 8px 12px;
      }
    }
  
    td {
      padding: 8px 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid $farris-grid-border;
    }
  }
